<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<link href="css/SYSFrame.css" rel="stylesheet" type="text/css" />
		<link href="font/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="css/module.css" rel="stylesheet" type="text/css" />
		<link href="css/pages.css" rel="stylesheet" type="text/css" />
		<title>系统框架首页</title>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="js/jquery.cookie.js" type="text/javascript"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="js/HUpages.js" type="text/javascript"></script>
		<!--[if lt IE 9]>
          <script src="js/html5shiv.js" type="text/javascript"></script>
          <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
        <![endif]-->
	</head>

	<body id="situation" class="backgrounddd" style="background: url(images/1.jpg) repeat #F2DEDE;background-size:100% 100% ">
		<div class="spacing_style"></div>
		<div class="pages-style">
				<div class="col-md-12">
					<div class="box-module">
						<div class="box-title">代办事项</div>
						<div class="box-content clearfix">
							<div class="col-xs-6 col-md-2  clearfix">
								<div class="padding10">
									<a href="javascript:ovid()" class="tile-button btn_Plate hover-deep-white">
										<div class="carousel Module_info">
											<div class="left_img bg_color_gray padding10">
												<h3 class="title">待结算</h3>
												<span class="munsz">999</span>
											</div>
											<div class="right_info bg-bule"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-xs-6 col-md-2 clearfix">
								<div class="padding10">
									<a href="javascript:ovid()" class="tile-button btn_Plate hover-deep-white">
										<div class="carousel Module_info">
											<div class="left_img bg_color_gray padding10">
												<h3 class="title">待审核</h3>
												<span class="munsz">99</span>
											</div>
											<div class="right_info bg-gray"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-xs-6 col-md-2 clearfix">
								<div class="padding10">
									<a href="javascript:ovid()" class="tile-button btn_Plate hover-deep-white">
										<div class="carousel Module_info">
											<div class="left_img bg_color_gray padding10">
												<h3 class="title">消息</h3>
												<span class="munsz">19</span>
											</div>
											<div class="right_info bg-green"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-xs-6 col-md-2  clearfix">
								<div class="padding10">
									<a href="javascript:ovid()" class="tile-button btn_Plate hover-deep-white">
										<div class="carousel Module_info">
											<div class="left_img bg_color_gray padding10">
												<h3 class="title">提示</h3>
												<span class="munsz">19</span>
											</div>
											<div class="right_info bg-orange"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-xs-6 col-md-2  clearfix">
								<div class="padding10">
									<a href="javascript:ovid()" class="tile-button btn_Plate hover-deep-white">
										<div class="carousel Module_info">
											<div class="left_img bg_color_gray padding10">
												<h3 class="title">审核</h3>
												<span class="munsz">5</span>
											</div>
											<div class="right_info bg-pink"></div>
										</div>
									</a>
								</div>
							</div>
							<div class="col-xs-6 col-md-2  clearfix">
								<div class="padding10">
									<a href="javascript:ovid()" class="tile-button btn_Plate hover-deep-white">
										<div class="carousel Module_info">
											<div class="left_img bg_color_gray padding10">
												<h3 class="title">评论</h3>
												<span class="munsz">29</span>
											</div>
											<div class="right_info bg-red"></div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			<div class="clearfix">
				
				<div class="col-md-7">
					<div class="box-module">
						<div class="box-title">状态栏</div>
						<div class="box-content">
							<div class="Shops_info clearfix">
								<div class="left_shop">
									<div class="left_shop_logo">
										<div class="shop_logo"><img src="" onerror="this.src='images/noimage.gif',this.onerror=null"></div>
										<a href="#" class="btn bg-deep-blue padding5">进入首页</a>
									</div>
									<div class="Shops_content">
										<p><label class="name">商城名称：</label>三台山购物网</p>
										<ul class="clearfix">
											<li><label class="name">店铺等级：</label>三级</li>
											<li><label class="name">商城类型：</label>电子商务</li>
											<li><label class="name">销售类型：</label>综合</li>
											<li><label class="name">店铺ID：</label>234565</li>
											<li><label class="name">商家ID：</label>34656565</li>
											<li><label class="name">开通时间：</label>2016-08-21</li>
										</ul>
									</div>
									<div class="right_shop">
										<p> 店铺动态评分：</p>
										<ul>
											<li><label class="name">相符描述</label><span class="score">4.5分</span></li>
											<li><label class="name">服务态度</label><span class="score">4.0分</span></li>
											<li><label class="name">发货速度</label><span class="score">4.6分</span></li>
										</ul>
									</div>
								</div>
								<div class="operating_style Quick_operation menuUl">
									<ul class="menulist">
										<li class="column-name">
											<a href="javascript:void(0)" data-id="" name="add_product.html" class="btn menuUl_title btn-white" title="添加产品">添加产品</a>
										</li>
										<li class="column-name">
											<a href="javascript:void(0)" data-id="" name="add_Advertising.html" class="btn menuUl_title btn-white" title="添加广告">添加广告</a>
										</li>
										<li class="column-name">
											<a href="javascript:void(0)" data-id="" name="add_Article.html" class="btn menuUl_title btn-white" title="添加文章">添加文章</a>
										</li>
										<li class="column-name">
											<a href="javascript:void(0)" data-id="" name="add_Singlepag.html" class="btn menuUl_title btn-white" title="新增单页面">新增单页面</a>
										</li>
										<li class="column-name">
											<a href="javascript:void(0)" title="个人信息" class="btn menuUl_title btn-white" name="administrators.html" data-id="111"><i class="iconfont icon-guanliyuan"></i>个人信息</a>
										</li>
										<li class="column-name">
											<a href="javascript:void(0)" title="系统设置" class="btn menuUl_title btn-white" name="system_info.html" data-id="46"><i class="iconfont icon-system-copy"></i>系统设置</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-5 col-xs-12">
					<div class="box-module">
						<div class="box-title clickBombbox selected " data-type="arrow">登录状态<i class="iconfont  arrow">&#xe615</i></div>
						<div class="box-content Bombbox">
							<table class="table table_striped  table-hover">
								<thead>
									<tr>
										<th>登录时间</th>
										<th>IP</th>
										<th>用户名</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>2018-09-12 12:34</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-orange">在线</span></td>
									</tr>
									<tr>
										<td>2018-09-12 12:21</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-gray">离线</span></td>
									</tr>
									<tr>
										<td>2018-09-12 12:21</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-gray">离线</span></td>
									</tr>
									<tr>
										<td>2018-09-12 12:21</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-gray">离线</span></td>
									</tr>
									<tr>
										<td>2018-09-12 12:21</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-gray">离线</span></td>
									</tr>
									<tr>
										<td>2018-09-12 12:21</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-gray">离线</span></td>
									</tr>
									<tr>
										<td>2018-09-12 12:21</td>
										<td>192.168.0.156</td>
										<td>admin <span class="tab_prompt bg-gray">离线</span></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>

			</div>
			<!---->
			<div class="clearfix">
				<div class="col-md-8">
					<div class="box-module Order_form ">
						<div class="box-title">销售统计</div>
						<div class="box-content">
							<div class="clearfix padding15">
								<div class="col-xs-3 col-lg-6 ">
									<div class="prompt_name"><i class="icon_Order"></i>订单&amp; 商品</div>
									<ul class="padding list_info">
										<li>代发货订单 &nbsp;
											<a href="">(02)</a>
										</li>
										<li>已完成订单 &nbsp;
											<a href="">(32)</a>
										</li>
										<li>未完成订单 &nbsp;
											<a href="">(02)</a>
										</li>
									</ul>
								</div>
								<div class="col-xs-3 col-lg-6">
									<div class="prompt_name"><i class="icon_Promotions"></i>促销</div>
									<ul class="padding list_info">
										<li>待审核的促销 &nbsp;
											<a href="">(02)</a>
										</li>
										<li>发布的促销 &nbsp;
											<a href="">(32)</a>
										</li>
										<li>即将结束的促销 &nbsp;
											<a href="">(02)</a>
										</li>
									</ul>
								</div>
								<div class="col-xs-3 col-lg-6">
									<div class="prompt_name"><i class="icon_Aftermarket"></i>售后</div>
									<ul class="padding list_info">
										<li>待处理订单 &nbsp;
											<a href="">(02)</a>
										</li>
										<li>待退款订单 &nbsp;
											<a href="">(32)</a>
										</li>
										<li>待处理售后单 &nbsp;
											<a href="">(02)</a>
										</li>
									</ul>
								</div>
								<div class="col-xs-3 col-lg-6 ">
									<div class="prompt_name"><i class="icon_Billing"></i>结算</div>
									<ul class="padding list_info">
										<li>待支付 &nbsp;
											<a href="">(02)</a>
										</li>
										<li>待结算确认 &nbsp;
											<a href="">(32)</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="dd_echarts">
								<div id="main" class="mainwidth" style=" height:305px"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box-module">
						<div class="box-title">系统信息</div>
						<div class="box-content">

							<table class="table table-striped table-hover">
								<tbody>
									<tr>
										<td class="width30b">操作系统:</td>
										<td>PC</td>
									</tr>
									<tr>
										<td>服务器:</td>
										<td>Apache/2.4.10 (Win32) OpenSSL/1.0.1i mod_fcgid/2.3.9</td>
									</tr>
									<tr>
										<td>浏览器:</td>
										<td>Chorme</td>
									</tr>
									<tr>
										<td>PHP版本:</td>
										<td>5.6.1</td>
									</tr>
									<tr>
										<td>程序编码:</td>
										<td>UTF-8</td>
									</tr>
									<tr>
										<td>MySQL版本</td>
										<td>5.5.40</td>
									</tr>
									<tr>
										<td>当前操作者:</td>
										<td>Admin</td>
									</tr>
									<tr>
										<td>当前IP:</td>
										<td>112.25.25.255 (广州市)</td>
									</tr>
									<tr>
										<td>当前版本:</td>
										<td>AlphaAdmin 1.0(20170803)</td>
									</tr>
									<tr>
										<td>当前时间:</td>
										<td>2017年9月26日 11:22:00</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>

</html>
<script src="js/dist/echarts.js" type="text/javascript"></script>
<script>
	//内页框架
	$(function() {
		$("#situation").Hupage({
			scrollbar: function(e) {
				e.niceScroll({
					cursorcolor: "#dddddd",
					cursoropacitymax: 1,
					touchbehavior: false,
					cursorwidth: "3px",
					cursorborder: "0",
					cursorborderradius: "3px",
				});
			},
			expand: function(thisBox, settings) {
				settings.scrollbar(thisBox); //设置当前页滚动样式
			}
		})
	})
</script>
<script>
	/*********************/
	require.config({
		paths: {
			echarts: './js/dist'
		}
	});
	require(
		[
			'echarts',
			'echarts/theme/macarons',
			'echarts/chart/line', // 按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表
			'echarts/chart/bar'
		],
		function(ec, theme) {
			var myChart = ec.init(document.getElementById('main'), theme);
			option = {
				title: {
					text: '当周交易记录',
					subtext: '每周7天的交易记录'
				},
				tooltip: {
					trigger: 'axis'
				},
				legend: {
					data: ['所有订单', '已完成', '未完成']
				},
				toolbox: {
					show: true,
					feature: {
						mark: {
							show: true
						},
						dataView: {
							show: true,
							readOnly: false
						},
						magicType: {
							show: true,
							type: ['line', 'bar']
						},
						restore: {
							show: true
						},
						saveAsImage: {
							show: true
						}
					}
				},
				calculable: true,
				xAxis: [{
					type: 'category',
					boundaryGap: false,
					data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
				}],
				yAxis: [{
					type: 'value',
					axisLabel: {
						formatter: '{value}单'
					}
				}],
				series: [{
						name: '所有订单',
						type: 'line',
						data: [110, 210, 150, 130, 125, 133, 106],
						markPoint: {
							data: [{
									type: 'max',
									name: '最大值'
								},
								{
									type: 'min',
									name: '最小值'
								}
							]
						},
						markLine: {
							data: [{
								type: 'average',
								name: '平均值'
							}]
						}
					},
					{
						name: '已完成',
						type: 'line',
						data: [110, 105, 140, 130, 110, 121, 100],
						markPoint: {
							data: [{
								name: '周最低',
								value: -2,
								xAxis: 1,
								yAxis: -1.5
							}]
						},
						markLine: {
							data: [{
								type: 'average',
								name: '平均值'
							}]
						}
					},
					{
						name: '未完成',
						type: 'line',
						data: [0, 25, 10, 10, 15, 12, 6],
						markPoint: {
							data: [{
								name: '周最低',
								value: -2,
								xAxis: 1,
								yAxis: -1.5
							}]
						},
						markLine: {
							data: [{
								type: 'average',
								name: '平均值'
							}]
						}
					}
				]
			};

			myChart.setOption(option);
		}
	);
</script>